<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>激活成功——默羽moyu</title>
</head>
<body>
<div class="body">
    <div class="align" >
        <div>
        <img th:src="@{/img/MoYu-moyu.svg}" width="150">
<!--        <img th:src="@{/static/MoYu-moyu.svg}" width="150px" alt="默羽moyu"/>-->
        </div>
    </div>
    <div class="context">
        <p>
            账户已成功激活，请关闭此页面。
        </p>
        <p style="color: #777; font-weight: 600; font-size: 10px">此页面将在5分钟后失效</p>
    </div>
</div>
<style>
    body{
        background-color: azure;
    }
    .body{
        width: 600px;
        margin: auto;
    }
    .align{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .align div{
        border-radius: 5px;
        padding: 10px;
        color: #fef;
        font-size: 20px;
        font-weight: 600;
        background-color: cornflowerblue;
    }
    .context{
        text-align: center;
        background-color: #fefefe;
        padding: 20px;
        margin: 10px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
    .button{
        border: 0;
        padding: 16px;
        color: #fefefe;
        /*font-weight: 60;*/
        font-size: 16px;
        background-color: cornflowerblue;
    }
</style>
</body>
</html>